.email-new{
  .flex {
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
  }
  .flex-1 {
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
  }
  .flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mobile-ck-rich-text {
    position: absolute;
    top: 0;
    bottom: @button-height;
    width: 100%;
    .mobile-ck-rich-text-container {
      position: relative;
      width: 100%;
      height: 100%;
      .flex;
      .flex-v;
      .wm-reply {
        flex-shrink: 0;
      }
    }
    .mobile-ck-rich-text-editor {
      .flex-1;
      position: relative;
    }
    .mobile-ck-rich-text-editor-title {
      height: 27 * @hd;
      padding-top: 8 * @hd;
    }
    .mobile-ck-rich-text-editor-content {
      position: absolute;
      top: 35 * @hd;
      bottom: 0;
      width: 100%;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      #editorContanier, .cke_editable.cke_editable_inline {
        min-height: 300 * @hd;
      }
    }
    .mobile-ck-rich-text-editor-content .cke_editable {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      overflow-y: hidden;
      padding: 0 15 * @hd;
      img {
        max-width: 100%;
      }
    }
    .wm-reply {
      .wm-reply-bar {
        background: @fill-grey-weak;
        .wm-browser {
          background: @fill-grey-weak;
        }
      }
    }
  }
  &-form {
    &-title {
      & > .am-flexbox-item {
        text-align: center;
        color: #B2B2B2;
      }
      &-center {
        width: 60%;
      }
    }
    form {
      width: 100%;
      padding-left: @h-spacing-lg;
    }
    &-date {
      background: @fill-grey-weak;
      height: 28 * @hd;
      line-height: 28 * @hd;
      text-align: center;
      color: @color-text-caption;
    }
    &-item-tip {
      padding: @v-spacing-md @h-spacing-lg @v-spacing-md @font-size-base * 5 + @v-spacing-md + @v-spacing-lg + 7 * @hd;
      color: @color-text-caption;
    }
    &-classification {
      .am-accordion {
        border-top: 0;
        .am-accordion-header {
          border-bottom: 0;
        }
      }
    }
    &-mailInput {
      .am-list-extra {
        width: 70 * @hd;
        .am-list-icon {
          width: calc(~'100% - '20 * @hd);
          .am-icon:not(:last-child) {
            margin-right: 3 * @hd;
          }
        }
      }
    }
  }
  &-textcontent {
    // padding-right: 15 * @hd;
    // .am-textarea-item, .am-textarea-control {
    //   height: 100%;
    //   textarea {
    //     height: 100% !important;
    //   }
    // }
  }
}
.email-new-send-end {
  .send-end-png {
    // height: 40%;
    text-align: center;
    .am-icon {
      height: 70 * @hd;
      width: 70 * @hd;
      padding-top: 40%;
    }
    .send-end-msg {
      padding-top: @v-spacing-xl;
      font-size: @font-size-heading;
      &.send-success {
        color: #27C854;
      }
      &.send-error {
        color: #FF4C4C;
      }
    }
  }
  .send-end-view-log {
    padding-top: @v-spacing-lg;
    color: @color-text-placeholder;
    font-size: @font-size-caption-sm;
    letter-spacing: -0.5 * @hd;
    a {
      color: @brand-primary-tap;
      text-decoration: underline;
    }
    .view-log-errormsg {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0 20 * @hd;
    }
    p {
      margin: 0;
      line-height: 1.5;
    }
  }
  .send-end-oper {
    // height: 60%;
    // padding-top: 20%;
    align-items: baseline;
    .oper-list {
      // width: 35%;
      // min-width: 130 * @hd;//修复屏幕太小会换行的问题
      a {
        display: block;
        padding: @v-spacing-md 0;
        color: @color-text-placeholder;
        font-size: @font-size-caption-sm;
        .am-icon {
          padding-right: @h-spacing-lg;
          position: relative;
          top: 4 * @hd;
        }
      }
    }
  }
  .send-end-oper.haserror {
    // padding-top: 25%;
  }
}
.email-error-modal {
  max-height: 60%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.send-end-errorlog {
  max-height: 65%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: left;
}
.send-end-errorlog-title {
  text-align: left;
}
.error_content {
  word-break: break-all;
  background: linear-gradient(#fff, #efefef, #fff);
}
